body, div, ol,li, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, iframe, input, textarea, select, article, aside, footer, header, menu, nav, section, time, audio, video {
  margin: 0;
  padding: 0;
}

article, aside, footer, header, hgroup, nav, section, audio, canvas, video {
  display: block;
}

body {
  font-size: 14px;
  font-family: PingFang SC,Microsoft YaHei, Helvetica, STHeiti, Droid Sans Fallback;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /*background-color: #F1F6F9;*/
  background-color: #f3f8ff;
  /*font-family: "PingFang SC";*/
  /*background-image: url("/static/images/body_bg.png");*/
  /*background-repeat: repeat;*/
}

textarea {
  resize: none;
}

iframe, img {
  border: 0;
}

ul, ol,li {
  list-style: none;
}

input, select, textarea {
  outline: 0;
  -webkit-user-modify: read-write-plaintext-only;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

body a {
  text-decoration: none;
}

body a:hover {
  text-decoration: none;
}


body {
  -webkit-user-select: text;
  font-size: 16px;
}

.ok_main {
  margin: 0px auto;
}

.ok-body {
  max-width: 1080px;
  margin: 10px auto;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.ok-box-shadow {
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.ok_popup_left {
  padding-top: 70px;
  width: 600px;
  height: 100vh;
}

.park-menu-top {

}

.park-menu-top .menu-item {
  cursor: pointer;
  margin-left: 20px;
  font-size: 14px;
}

.park-menu-top .menu-item:hover {
  color: #0092FF;
}

.park-menu-top .active {
  color: #0092FF;
  border-bottom-color: #0092FF;
}

.park-menu-main {
  padding-left: 100px;
}

.park-menu-main .menu-item {
  cursor: pointer;
  margin-left: 20px;
  font-size: 20px;
  padding-top: 5px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
}

.park-menu-main .menu-item:hover {
  color: #0092FF;
  border-bottom: #0092FF 2px solid;
  padding-bottom: 13px;
}

.park-menu-main .active {
  color: #0092FF;
  border-bottom-color: #0092FF;
  border-bottom: #0092FF 2px solid;
  padding-bottom: 13px;
}

.ok-so {
  height: 40px;
  line-height: 40px;
  overflow: hidden;
  border-radius: 22px;
  background-color: #0092FF;
}

.ok-so-btn {
  height: 40px;
  line-height: 40px;
  padding-left: 40px;
  padding-right: 40px;
  overflow: hidden;
  background: #0092FF;
  color: white;
  border-radius: 22px;
}

.ok-so .el-input__inner {
  height: 42px !important;
  line-height: 42px !important;
  border: none;
}


.ok_popup_bottom {
  width: 100vw;
  height: 75vh;
}

.ok-scroll-view-box {
  padding-bottom: 56px;
  height: 100%;
  box-sizing: border-box;
}

.ok-page-width {
  max-width: 1400px;
  margin: 0 auto;
}

.ok-head-width {
  max-width: 1400px;
  width: 100%;
}

.ok-background {
  background: rgba(0, 0, 0, 0.7);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
  /*color: #ffffff;*/
}


.ok-background-none {
  background: rgba(0, 0, 0, 0.7);
  /*box-shadow: 2px 0px 5px rgba(0, 0, 0, 0.5);*/
  /*color: #ffffff;*/
}

.ok-popup-main {
  z-index: 999
}

.ok-popup-box {
  background-color: #f3f3f3;
  display: flex;
  flex-direction: column;
  box-sizing: border-box
}

.ok-popup-info-box {
  padding-bottom: 56px;
  height: 100%;
  box-sizing: border-box
}

.ok-box{
  border: #eeeeee 1px solid;
}

.ok-info {
  padding: 15px;
}

.ok-info20 {
  padding: 20px 50px;
  background-color: #fff;
}

.ok_info {
  padding: 10px;
}

.ok_white {
  background-color: #ffffff;
}

.ok_box_white {
  background-color: #ffffff;
  padding: 10px;
}

.ok-title {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 15px;
  font-weight: bold;
  font-size: 18px;
}


.ok-title-center {
  color: #666666;
  font-weight: bold;
  text-align: center;
  font-size: 16px;
}


.ok-title-center-l5 {
  margin: 15px;
  text-align: center;
  color: #999999;
}


.ok_row {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  flex-wrap: wrap;
  font-size: 14px;
}

.tag-view {
  flex-direction: column;
  margin-right: 10px;
  margin-bottom: 10px;
  justify-content: center;
}


.line-20 {
  height: 20px;
  overflow: hidden;
}

.line-30 {
  height:30px;
  overflow: hidden;
}


.line-5 {
  height: 5px;
  overflow: hidden;
}

.line-15 {
  height: 15px;
  overflow: hidden;
}
.line-10 {
  height: 10px;
  overflow: hidden;
}

.line-1 {
  overflow: hidden;
  height: 1px;
  width: 100%;
  background-color: #ecebf0;
}

.line-1-p10 {
  overflow: hidden;
  height: 1px;
  width: 100%;
  background-color: #ecebf0;
  margin-top: 10px;
  margin-bottom: 10px;
}

.ok-form {
  margin-bottom: 1px;
}

.ok-white {
  background: #ffffff;
  color: #333333;
}

.ok-foot {
  background: #494949;
  color: #d0d0d0;
  padding-top: 40px;
  padding-bottom: 10px;
  line-height: 40px;
}

.ok-border-10 {
  border-radius: 10px;
}

.ok-border-5 {
  border-radius: 5px;
}

.ok-border-circle {
  border-radius: 50%;
}

.ok-form-left {
  padding: 5px 10px 5px 10px;
  height: 35px;
  font-size: 14px;
  line-height: 35px;
  text-align: left;
  color: #666666;
}

.ok-form-right {
  padding: 5px 5px 5px 5px;
  height: 35px;
  font-size: 14px;
  line-height: 35px;
  text-align: left;
  color: #666666;
}


.ok-page-left{
  width: 300px;
  margin-right: 30px;
  flex-direction: row;
  text-align: left;
  display: flex;
  background-color: #FFFFFF;
  border-radius: 5px;
}

.ok-page-main{
  flex-direction: row;
  text-align: left;
  display: flex;
  -webkit-flex: 1;
  flex: 1;
  background-color: #FFFFFF;
  border-radius: 5px;
}


.ok-page-right{
  margin-left: 15px;
  flex-direction: row;
  text-align: left;
  display: flex;
  background-color: #FFFFFF;
  /*width: 300px;*/
  width: 500px;
  border-radius: 5px;
}

.ok-left {
  text-align: left;
}

.ok-right {
  text-align: right;
}

.ok-form-label {
  padding: 5px 10px 3px 0px;
  color: #666666;
  font-size: 14px;
}

.ok-form-view {
  margin-bottom: 1px;
  background-color: #f5f5f5;

}

.ok-form-view-left {
  padding: 5px 10px 5px 10px;
  height: 35px;
  font-size: 14px;
  line-height: 35px;
  text-align: left;
  color: #666666;

}

.ok-form-view-right {
  padding: 10px 10px 5px 10px;
  font-size: 14px;
  line-height: 25px;
  -webkit-flex: 1;
  flex: 1;
  background: #fff;
  text-align: right;
  WORD-BREAK: break-all;
  WORD-WRAP: break-word;
}

.ok-input {
  padding: 5px 10px 5px 10px;
  height: 35px;
  line-height: 35px;
  font-size: 13px;
  flex: 1;
}

.ok-text-right {
  text-align: right;
}

.ok-input1 {
  padding: 5px 10px 5px 10px;
  height: 35px;
  line-height: 35px;
  font-size: 13px;
  flex: 1;
  background-color: #ffffff;
  border-bottom: 1px #e1e0e5 solid;
}

.ok-swiper-item {
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #999;
  color: #fff;
}

.ok-grid-item-box {
  background-color: #fff;
  flex: 1;
  /* position: relative;
*/
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ok-grid-item-box-index {
  flex: 1;
  /* position: relative;
*/
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex-direction: column;
  align-items: center;
  justify-content: center;
}


.ok-grid-item-box1 {
  flex: 1;
  /* position: relative;
*/
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.ok-grid-item-image {
  width: 28px;
  height: 28px;
}

.ok-grid-item-image1 {
  width: 50px;
  height: 50px;
}


.ok-grid-item-image-index {
  width: 40px;
  height: 40px;
}

.ok-grid-item-index-image {
  height: 35px;
  width: 35px;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.ok-grid-item-index-text {
  color: #333333;
  font-size: 12px;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  margin-top: 3px;
}

.ok-grid-item-box-bj {
  flex: 1;
  /* position: relative;
*/
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin-top: 10px;
}


.ok-grid-item-bj-text {
  margin-top: 5px;
  color: #333333;
  font-size: 12px;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
}


.ok-grid-item-box-image-bj-blue1 {
  width: 50px;
  height: 50px;
  background-image: url('');
  background-size: 100% 100%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.ok-grid-item-box-image-bj-blue2 {
  width: 50px;
  height: 50px;
  background-image: url('');
  background-size: 100% 100%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.ok-grid-item-box-image-bj-green {
  width: 50px;
  height: 50px;
  background-image: url('');
  background-size: 100% 100%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.ok-grid-item-box-image-bj-orange {
  width: 50px;
  height: 50px;
  background-image: url('');
  background-size: 100% 100%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.ok-grid-item-box-image-bj-purple {
  width: 50px;
  height: 50px;
  background-image: url('');
  background-size: 100% 100%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.ok-grid-item-box-image-bj-red {
  width: 50px;
  height: 50px;
  background-image: url('');
  background-size: 100% 100%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.ok-grid-item-box-image-bj-sum {
  width: 50px;
  height: 50px;
  background-image: url('');
  background-size: 100% 100%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.ok-grid-item-box-image-bj-grey {
  width: 50px;
  height: 50px;
  background-image: url('');
  background-size: 100% 100%;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.ok-grid-item-image-read {
  width: 42px;
  height: 42px;
  background-color: #f75e78;
  background-image: linear-gradient(to bottom right, #feab99, #f75e78);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.ok-background-color-read {
  background-color: #f75e78;
  background-image: linear-gradient(to bottom right, #feab99, #f75e78);
}

.ok-grid-item-image-blue {
  width: 42px;
  height: 42px;
  background-color: #52aeec;
  background-image: linear-gradient(to bottom right, #65caef, #52aeec);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.ok-background-color-blue {
  background-color: #52aeec;
  background-image: linear-gradient(to bottom right, #65caef, #52aeec);
}


.ok-grid-item-image-qing {
  width: 42px;
  height: 42px;
  background-color: #1ab4bc;
  background-image: linear-gradient(to bottom right, #3bdac6, #1ab4bc);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.ok-background-color-qing {
  background-color: #1ab4bc;
  background-image: linear-gradient(to bottom right, #3bdac6, #1ab4bc);
}

.ok-grid-item-image-green {
  width: 42px;
  height: 42px;
  background-color: #58aa38;
  background-image: linear-gradient(to bottom right, #61d832, #58aa38);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.ok-background-color-green {
  background-color: #58aa38;
  background-image: linear-gradient(to bottom right, #61d832, #58aa38);
}


.ok-grid-item-image-purple {
  width: 42px;
  height: 42px;
  background-color: #bd68cb;
  background-image: linear-gradient(to bottom right, #dc7dc7, #bd68cb);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.ok-background-color-purple {
  background-color: #bd68cb;
  background-image: linear-gradient(to bottom right, #dc7dc7, #bd68cb);
}


.ok-grid-item-image-yellow {
  width: 42px;
  height: 42px;
  background-color: #ff9604;
  background-image: linear-gradient(to bottom right, #ffb629, #ff9604);
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.ok-background-color-yellow {
  background-color: #ff9604;
  background-image: linear-gradient(to bottom right, #ffb629, #ff9604);
}


.ok-grid-item-radius {
  border-radius: 50%;
}

.ok-grid-item-size-90 {
  width: 90%;
  height: 90%;
}

.ok-grid-item-size-80 {
  width: 80%;
  height: 80%;
}

.ok-grid-item-size-70 {
  width: 70%;
  height: 70%;
}

.ok-grid-item-size-60 {
  width: 60%;
  height: 60%;
}

.ok-grid-item-size-50 {
  width: 50%;
  height: 50%;
}

.ok-grid-item-size-40 {
  width: 40%;
  height: 40%;
}

.ok-grid-item-text {
  font-size: 12px;
  margin-top: 5px;
  color: #666666;
}

.ok-top {
  background-image: url('');
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 10px;
}

.ok-top-user {
  background-image: url('');
  background-repeat: no-repeat;
  background-size: 100%;
  padding-top: 10px;
}

.ok-dian-read {
  background: red;
  width: 10px;
  height: 10px;
  overflow: hidden;
  border-radius: 5px;
}


.ok-color-link {
  color: #409EFF;
  cursor: pointer;
}

.ok-color-rad {
  color: #ff0000;
}

.ok-color-main {
  color: #ff641e;
}

.ok-background-brand {
  background-color: #409EFF;
}

.ok-background-success {
  background-color: #67C23A;
}

.ok-background-warning {
  background-color: #E6A23C;
}

.ok-background-danger {
  background-color: #F56C6C;
}

.ok-background-info {
  background-color: #909399;
}

.ok-background-grey {
  background-color: #b8bcc4;
}

.ok-width-max {
  -webkit-flex: 1;
  flex: 1;
}


.ok-width-33 {
  width: 33%;
}

.ok-box-flex-wrap {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}

.ok-flex-wrap {
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  position: relative;
  flex-direction: row;
  flex: 1;
  display: flex;
  align-items: center;
}

.ok-box-flex {
  display: flex;
  flex-direction: row;
}

.ok-box-flex-wrap-center {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;


  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
}

.ok-box-center {
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.ok-box-center-left {
  -webkit-align-items: center;
  align-items: center;
  flex-direction: row;
  text-align: left;
  display: flex;
}

.ok-box-center-right {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: center;
  align-items: center;
  text-align: right;
  flex-direction: row;
  display: flex;
}


.ok-box-left {
  flex-direction: row;
  text-align: left;
  display: flex;
}

.ok-box-right {
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  text-align: right;
  flex-direction: row;
  display: flex;
}

.ok-article {
  padding: 20px;
}

.ok-article h1 {
  color: #333333;
  line-height: 40px;
  font-size: 20px;
}

.ok-article-simple {
  color: #999999;
  line-height: 35px;
  font-size: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.ok-article-body {
  color: #666666;
  line-height: 30px;
  font-size: 16px;
}


.ok-article-body p {
  margin-bottom: 10px;
}

.ok-article-body img {
  max-width: 100%;
}

.ok-page-end {
  flex-direction: column;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
}

.ok_tag {
  font-size: 10px;
  color: #ff5d49;
  border: #ffb586 1px solid;
  padding: 1px 3px 1px 3px;
  margin-right: 5px;
  line-height: 16px;
  border-radius: 3px;
}

.ok-image-def {
  border: #ffb586 1px dashed;
  height: 120px;
  width: 160px;
  background: #efedcb;
  border-radius: 5px;
}

.ok-cursor-pointer {
  cursor: pointer;
}

.ok-image-head-def {
  border: #ffb586 1px dashed;
  height: 120px;
  width: 100px;
  background: #efedcb;
  border-radius: 5px;
}

.ok-image-idimage-def {
  border: #ffb586 1px dashed;
  height: 120px;
  width: 200px;
  background: #efedcb;
  border-radius: 5px;
}

.ok-form-right-info {
  padding-top: 6px;
  padding-bottom: 5px;
  padding-left: 10px;
  color: white;
}


.ok-uni-forms-info {
  /*color: #333333;*/
  line-height: 33px;
  font-size: 16px;
}

.ok-popup-left {
  padding-top: 70px;
  width: 600px;
  height: 100vh;
}

.ok-popup-bottom {
  width: 100%;
  height: 75vh;
}

/* 提示窗口 */
.uni-tip {
  /* #ifndef APP-NVUE */
  display: flex;
  flex-direction: column;
  /* #endif */
  background-color: #fdfdfd;
}

.uni-tip-title {
  margin-bottom: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
  color: #333;
  padding: 10px;
  background-color: #ededf2;
}

.uni-tip-content {
  padding: 15px;
  font-size: 14px;
  color: #999;
}

.uni-tip-group-button {
  padding: 10px;
  /* #ifndef APP-NVUE */
  display: flex;
  /* #endif */
  flex-direction: row;
  margin-top: 10px;
  background-color: #ededf2;
}

.uni-tip-button {
  flex: 1;
  text-align: center;
  font-size: 14px;
  color: #3b4144;
}

.uni-media-list-logo {
  width: 180px;
  height: 140px;
}

.uni-media-list-body {
  height: auto;
  justify-content: space-around;
}

.uni-media-list-text-top {
  font-size: 16px;
  line-height: 35px;
  overflow: hidden;
}

.uni-media-list-text-body {
  font-size: 14px;
  flex-direction: row;
  justify-content: space-between;
  color: #666666;
}

.uni-media-list-text-bottom {
  margin-top: 5px;
  font-size: 12px;
  flex-direction: row;
  justify-content: space-between;
  color: #8f8f94;
}

.user_info_view_sub_title {
  font-weight: bold;
  margin-bottom: 10px;
}


.el-table {
  font-size: 16px !important;
}

.uni-data-tree-input-readonly {
  background: #cccccc;
  border-radius: 3px;
  cursor: not-allowed;
}

.el-dialog__body {
  border-top: #d0d0d0 1px solid;
}

.el-message {
  z-index: 100001 !important;
}

.comment_view_title {

  margin-right: 10px;
  color: #666666;
}

.judege_view_title {
  width: 120px;
  min-width: 120px;
  text-align: right;
  margin-right: 10px;
  color: #666666;
}

.judege_view_row {
  margin-top: 10px;
  margin-bottom: 5px;
  display: flex;
  flex-direction: row;
  word-break: break-all;
}


.comment-view-video {
  border: #ffb586 1px dashed;
  height: 300px;
  width: 560px;
  background: #000000;
  border-radius: 5px;
  overflow: hidden;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  /*flex-direction: row;*/
  display: flex;
}

.comment-view-video-size {
  height: 300px;
  width: 560px;
}

.comment-view-video-mphone {
  border: #ffb586 1px dashed;
  height: 300px;
  width: 100%;
  background: #000000;
  border-radius: 5px;
  overflow: hidden;

  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  display: flex;
}

.bottom_box {
  flex-direction: column;
  left: 0;
  right: 0;
  bottom: 0;
  margin-top: 30px;
}


.ok-list{
  padding: 20px 30px;
  font-size: 20px;
  border-radius: 5px;
  background-color: rgb(255, 255, 255);
  height: 100%;
  /*box-shadow: 0 2px 4px 0 rgba(0,0,0,.12), 0 0 6px 0 rgba(0,0,0,.04);*/
}

.ok-list .title{
  font-weight: bold;
  margin-bottom: 10px;
  padding-left: 2px;
  border-bottom: 1px solid rgb(221, 221, 221);
  font-size: 20px;
  padding-bottom: 10px;
}
.ok-list .title a{
  float: right;
  font-size: 13px;
  font-weight:normal;
  color:#868686;
  margin-top: 5px;
}
.ok-list .item{
  line-height: 38px; height: 38px; overflow: hidden;
  font-size: 16px;
  color: #666666;
}

.ok-list .topbox {
  margin-bottom: 10px;
}
.ok-list .topbox .img {
  width: 90px;
  height: 90px;
  border-radius: 3px;
  margin-right: 15px;
}

.ok-list .topbox .tt {
  line-height: 30px; overflow: hidden;height: 30px; font-weight: bold
}

.ok-list .topbox .info {
  line-height: 25px; overflow: hidden;margin-top: 5px; color: #999999;font-size: 14px;height: 50px;
}
.ok-list a:hover{
  color:rgb(0, 146, 255) !important;
}
.tab-pane a:hover{
  color:rgb(0, 146, 255) !important;
}



.keybox .liA {
  width: 188px;
  height: 80px;
  float: left;
  margin: 1px;
  position: relative;
  background: #809BFA;
  z-index: 5;
  overflow: hidden;
}

.keybox  .liB {
  width: 93px;
  height: 80px;
  float: left;
  margin: 1px;
  position: relative;
  background: #809BFA;
  z-index: 5;
  overflow: hidden;
}

.keybox  .liA a {
  font-family: arial, 'Hiragino Sans GB', 'Microsoft Yahei', 微软雅黑, 宋体, Tahoma, Arial, Helvetica, STHeiti;
  display: inline-block;
  width: 170px;
  height: 38px;
  text-align: center;
  color: white;
  position: absolute;
  top: 17px;
  left: 5px;
}

.keybox  .liB a {
  font-family: arial, 'Hiragino Sans GB', 'Microsoft Yahei', 微软雅黑, 宋体, Tahoma, Arial, Helvetica, STHeiti;
  font-size: 12px;
  display: inline-block;
  width: 93px;
  height: 30px;
  text-align: center;
  color: white;
  position: absolute;
  top: 25px;
  left: 2px;
}

.keybox  .liB .aa, .keybox  .liA .aa {
  top: 35px
}

.keybox .divA {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0;
  background: rgb(40, 100, 187);
  opacity: 0.4;
}

.keybox .divA1 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0;
  background: #000000;
  opacity: 0.4;
}

.keybox .divA2 {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0;
  background: white;
  opacity: 0.4;
}





.content {
  font-size: 16px;
  color: #4a4a4a;
  line-height: 30px;
  /*text-indent: 2em;*/
}

.content .info {
  padding: 20px;
  padding-top: 10px;
}

.content .rad {
  color: #ff0000;
}

.content .intro {
  background-color: #dddbb8;
  padding: 10px;
  text-indent: 2em;
  margin-bottom: 10px;
  color: #494949;
}

.content .related {
  margin-bottom: 10px;
  padding-left: 5px;
  padding-bottom: 10px;
  border-bottom: double 3px #8b8b8b;
}

.content .related span {
  float: right;
  margin-left: 10px;
  color: #8b8b8b;
  font-size: 12px;
}

.content h1.title {
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
  background: none;
  border-bottom: none;
  text-align: center;
  padding-bottom: 0px;
}

.content h1.subtitle {
  margin-bottom: 10px;
  font-size: 18px;
  line-height: 30px;
  background: none;
  color: #585858;
  border-bottom: none;
  text-align: center;
  padding-bottom: 0px;
}

.content h1 {
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: bold;
  border-bottom: dashed 1px #8b8b8b;
  padding-bottom: 15px;
  text-align: center;
}

.content h2 {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  padding-bottom: 10px;
}

.content h3 {
  padding: 30px;
  background-color: #dddddd;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 25px;
}

.content h4 {
  margin-bottom: 10px;
  text-indent: 2em;
}

.content p {
  margin-bottom: 10px;
  text-indent: 2em;
  position: relative;
}

.content p img {
  display: block;
  margin-left: 0em;
  width: 100%;
  height: auto;
}


.ok-park-model-menu {
}

.ok-park-model-menu .title {
  font-size: 20px;
  height: 45px;
  font-weight: bold;
  padding-left: 40px;
  padding-top: 15px;
  /*background-color: #0092FF !important;*/
  background-image: linear-gradient(to bottom right, #0092FF, #0092FF);
  color: #ffffff;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.ok-park-model-menu .item {
  font-size: 18px;
  line-height: 55px;
  height: 55px;
  padding-left: 40px;
  border-bottom: #f3f3f3 1px solid;
}
/*.ok-park-model-menu .item a {*/
/*  color: #0092FF;*/
/*}*/
.ok-park-model-menu .item-action {
  line-height: 55px;
  height: 55px;
  padding-left: 40px;
  border-bottom: #f3f3f3 1px solid;
  /*font-size: 16px;*/
  font-weight: bold;
}

.ok-park-model-menu a {
  color: #333333;
}

.ok-park-model-menu .item-action a {
  color: #0092FF;
}
.ok-button {
  height: 40px;background-color: #409EFF;padding-left: 20px; padding-right: 20px; color: #FFFFFF;cursor: pointer;border-radius: 5px;
}
.ok-park-info-title {
  padding-top: 15px;
  padding-left: 20px;
  border-bottom: #D1D1D1 1px solid;
  height: 40px;
}

.index-company-image-list{
  width: 160px; overflow: hidden; margin-left: 6px; margin-right: 6px;
  margin-bottom: 10px;
}
.ok-rbd{
  border-right: 1px solid #ddd;
}
.wrap {
  color: #fff;
  padding-left: 120px;
  border-radius: 5px;
}
.wrap a{
  display: inline-block;
  width: 160px;
  height: 42px;
  background: #da1d24;
  border-radius: 20px;
  text-align: center;
  color: #fff;
  line-height: 42px;
  font-size: 16px;
  margin-top: 60px;
}
/*table*/
.ok-list table {
  width: 100%;
}

.ok-list td {
  text-align: center;
  font-size: 15px;
  height: 30px;

}

.ok-list th {
  text-align: center;
  height: 40px;
}
.ok-list td {
  text-align: center;
  line-height: 40px;
}
.ok-list tr:hover {
  background-color: #f5f5f5;
}
.main-pagination {
  margin-bottom: 30px;
  margin-top: 30px;
}
.ok-width-max .ok-park-model-menu .leftActive a {
  color: #0092FF !important;
  font-weight: bold;
}
